<template>
  <div id="app">
    <Header @handle="manipulate" ref="header"></Header>
    <Content @handleHeader="init" @setStatus="bus" ref="content" />
  </div>
</template>

<script>
import Content from "./components/content/Content.vue";
import Header from "./components/header/Header.vue";
export default {
  name: "App",
  components: {
    Content,
    Header,
  },
  methods: {
    handle() {
      // todo--header按钮处理
    },
    init(cell, view, type) {
      this.$refs.header.init(cell, view, type);
    },
    bus(type, status) { 
      this.$refs.header.setbtnStatus(status, type);
    },
    manipulate(type, data) {
      this.$refs.content.manipulate(type, data);
    },
  },
};
</script>

<style lang="less" scoped>
@import url("./assets/reset.css");
</style>
